.onboarding-block {
	// Basics and "opted-out" steps
	--contrastColor: var( --studio-white );
	--mainColor: var( --studio-blue-40 );
	--highlightColor: var( --studio-blue-20 );

	.design-selector,
	.style-preview {
		--contrastColor: var( --studio-white );
		// TODO: This should be Gutenberg's main color
		--mainColor: var( --studio-gray-100 );
		--highlightColor: var( --studio-blue-20 );
	}

	&[data-vertical*='football'] {
		--contrastColor: var( --studio-green-40 );
		--mainColor: var( --studio-gray-0 );
		--highlightColor: var( --studio-green-20 );
	}

	&[data-vertical*='web'] {
		--contrastColor: var( --studio-blue-40 );
		--mainColor: var( --studio-blue-0 );
		--highlightColor: var( --studio-blue-20 );
	}

	&[data-vertical*='animals'] {
		--contrastColor: var( --studio-blue-40 );
		--mainColor: var( --studio-blue-0 );
		--highlightColor: var( --studio-blue-20 );
	}

	&[data-vertical*='coffee'] {
		--contrastColor: #4a2512;
		--mainColor: var( --studio-white );
		--highlightColor: var( --studio-gray-0 );
	}

	&[data-vertical*='cats'] {
		--contrastColor: #1382d2;
		--mainColor: var( --studio-white );
		--highlightColor: var( --studio-gray-0 );
	}

	&[data-vertical*='car'] {
		--contrastColor: #c33939;
		--mainColor: var( --studio-white );
		--highlightColor: var( --studio-gray-0 );
	}

	&[data-vertical*='doctor'] {
		--contrastColor: #1382d2;
		--mainColor: var( --studio-white );
		--highlightColor: var( --studio-gray-0 );
	}

	&[data-vertical*='dogs'] {
		--contrastColor: #f3e4be;
		--mainColor: #a68b46;
		--highlightColor: #a68b46;
	}

	&[data-vertical*='food'] {
		--contrastColor: #e35f27;
		--mainColor: var( --studio-white );
		--highlightColor: var( --studio-gray-0 );
	}

	&[data-vertical*='fashion'] {
		--contrastColor: #000;
		--mainColor: var( --studio-white );
		--highlightColor: var( --studio-gray-0 );
	}

	&[data-vertical*='football'] {
		--contrastColor: #47b845;
		--mainColor: #0e390d;
		--highlightColor: #0e390d;
	}

	&[data-vertical*='movies'] {
		--contrastColor: #1382d2;
		--mainColor: var( --studio-white );
		--highlightColor: var( --studio-gray-0 );
	}

	&[data-vertical*='photo'] {
		--contrastColor: #1382d2;
		--mainColor: var( --studio-white );
		--highlightColor: var( --studio-gray-0 );
	}

	&[data-vertical*='tv'] {
		--contrastColor: #1382d2;
		--mainColor: var( --studio-white );
		--highlightColor: var( --studio-gray-0 );
	}

	&[data-vertical*='jersey'] {
		--contrastColor: #1382d2;
		--mainColor: var( --studio-white );
		--highlightColor: var( --studio-gray-0 );
	}
}
